<html>

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>活动详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/sm-extend.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/base.css">
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_4cu73hwimwr35wmi.css">
</head>

<body>
<div class="page-group">
    <div class="page">
        <!--头部内容 !-->
        <header class="bar bar-nav">
            <a class="icon icon-left pull-left back" onclick="javascript:history.back(-1);">返回</a>
            <h1 class="title">活动详情 <span class="pull-right qrcode iconfont icon-erweima"></span></h1>
        </header>
        <!--中间内容 !-->
        <div class="content loveActivity-content">
                <div class="limit-info join-member">

                </div>
                <div class="detail-info">
                    <div class="head-block">
                        <#--<div class="d-head">-->
                            <#--关爱健康从我开始做起-->
                        <#--</div>-->
                        <#--<div class="d-time">-->
                            <#--<p><span>活动日期:</span><span>2017-7-2~2017-7-20</span></p>-->
                            <#--<p><span>活动时间:</span><span>8:00~17:00 </span></p>-->
                            <#--<p>(每周一、周三、周五、周日)</p>-->
                        <#--</div>-->
                    </div>
                        <div class="d-head-type2">
                            <img src="${staticpath}/images/loveIcon.png" alt="公益时间"/>
                            <span>公益时间:0小时</span>
                        </div>



                    <div class="buttons-tab">
                        <a href="#activity-info" class="tab-link active button">活动简介</a>
                        <a href="#activity-detail" class="tab-link button">活动信息</a>
                    </div>
                    <div class="content-block">
                        <div class="tabs">
                            <div id="activity-info" class="tab active">
                                <#--活动简介-->
                                <div class="d-content-block activity-info"></div>
                                <div class="s-head">活动日记</div>
                                <div class="d-content-block">
                                    <p class="d-content-head">8人记录了此次公益活动</p>
                                    <div class="d-content-img">
                                        <img src="${staticpath}/images/user-head.png" alt=""/>
                                        <img src="${staticpath}/images/user-head.png" alt=""/>
                                        <img src="${staticpath}/images/user-head.png" alt=""/>
                                        <img src="${staticpath}/images/user-head.png" alt=""/>
                                        <img src="${staticpath}/images/user-head.png" alt=""/>
                                        <img src="${staticpath}/images/user-head.png" alt=""/>
                                        <span class="pull-right icon icon-right"></span>
                                    </div>
                                </div>
                                <div class="s-head">机构的评价</div>
                                <div class="d-content-block mb2">
                                    <div class="d-content-head-bold">
                                        火炬鸿兴公司服务队
                                    </div>
                                </div>
                                <div class="d-content-block">
                                    <p class="d-content-head">2人参与了评价</p>
                                    <div class="judge-block">
                                        <p class="judge-item">
                                            <span>公益信息准确性:</span>
                                            <span>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                            </span>
                                        </p>
                                        <p class="judge-item">
                                            <span>公益管理专业性:</span>
                                            <span>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                            </span>
                                        </p>
                                        <p class="judge-item">
                                            <span>公益信息准确性:</span>
                                            <span>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing"></i>
                                            </span>
                                        </p>
                                        <p class="judge-item">
                                            <span>公益信息准确性:</span>
                                            <span>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing yellow"></i>
                                                <i class="iconfont icon-xing"></i>
                                                <i class="iconfont icon-xing"></i>
                                            </span>
                                        </p>
                                    </div>
                                </div>

                            </div>
                            <div id="activity-detail" class="tab">

                            </div>
                         </div>
                    </div>
                 </div>
         </div>
        <a href="#" class="bar bar-tab join-activity"data-payurl="${basepath}/front/offline/toOfflinePay" data-url="${basepath}/front/account/toAccountOfflineList">报名参加</div>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/zepto.js' charset='utf-8'></script>
<script>
    $.config={
        router:false
    }
</script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/lib/sm-extend.js' charset='utf-8'></script>
<script type='text/javascript' src='${staticpath}/front/dist/js/offlineDetail.js' charset='utf-8'></script>
<script>
    $.init();
</script>
</body>

</html>
